<template>
  <div class="num">
    <div>
      <!-- 导航栏 -->
      <van-nav-bar
        title="排班信息"
        left-text="返回"
        left-arrow
        @click-left="onClickLeft"
      >
      </van-nav-bar>
    </div>
    
    <div class="content">
      <div class="top">
        号源详情
      </div>
      <div class="row title">
        <div class="cell">日期</div>
        <div class="cell">就诊时间</div>
        <div class="cell">操作</div>
      </div>
      <div class="row">
        <div class="cell">2023-02-24</div>
        <div class="cell">10:40</div>
        <div class="cell"><van-button color="#5465cf" size="mini" @click="submit()">预约</van-button></div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data(){
    return {

    }
  },
  methods: {
    onClickLeft() {
      // Toast('返回');
      // this.$router.go(-1)
      this.$router.push({
        path: '/manager/appointmentDetail',
        query: this.$route.query
      })
    },
    submit(){
      // this.$notify({ type: 'success', message: '预约成功，请在预约时间之前到达医院！', duration: 3000, });
      this.$toast.success('预约成功!');
    }
  }
}
</script>

<style lang="less" scoped>
.num{
  padding-bottom: 60px;
  .content{
    padding: 0 10px;
    .top{
      margin-top: 20px;
      color: @blue;
      border-left: 4px solid @blue;
      padding: 10px;
      // FEF6F4
      background-color: @orange-light;
    }
    .title{
      color: @blue;
      font-weight: 550;
    }
    .row{
      display: flex;
      // margin: 10px 0;
      padding: 10px 0;
      justify-content: center;
      align-items: center;
      border-bottom: 1px dashed @blue;
      .cell{
        flex: 1;
        text-align: center;
        // display: flex;
        .van-button{
          width: 50px;
        }
      }
    }
  }
}
</style>